<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="layout">
<!-- layout文件路径-->
<head>
<meta charset="utf-8" />
<title>Hello World!</title>
<!-- 自定义表格样式 -->
<link rel="stylesheet" href="../../static/css/bootstrap.min.css"
	th:href="@{/css/table.min.css}" />
</head>

<body>
	<div layout:fragment="content"
		style="width: 90%; margin-left: auto; margin-right: auto; float: right;">
		<div class="alter-msg">
			<p class="alter-msg content" th:text="${msg}"></p>
		</div>
		<table class="hovertable">
			<thead>
				<tr>
					<th>ID</th>
					<th>角色名称</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr th:each="role,iterStat:${rolelist.content}">
					<td th:text="${role.id}"></td>
					<td th:text="${role.roleName}"></td>
					<td><a href="/updateuser"
						th:href="@{/updateuser/{id}(id=${role.id})}"
						class="button button-primary button-rounded button-small">修改</a> <a
						href="/removeuser" th:href="@{/deluser/{id}(id=${role.id})}"
						class="button button-primary button-rounded button-small">删除</a></td>
				</tr>
				<tr>
					<td colspan="5">
						<button class="button button-primary button-box button-small"
							onclick="location.href='/addrole'">
							<i class="fa fa-plus"></i>
						</button>
					</td>
				</tr>
			</tbody>
		</table>

	</div>
</body>
</html>